<template>
	<div class="select-org-heade select-org-heade-dev">
		<div class="heade-left-box">
			<icon-font type="cap-icon-switch-units" style="font-size: 24px;"/>
			<account-selector @toGetSelectValue="onGetSelectValue"/>
		</div>
		<!-- <div>
			activeTab : {{activeTab}}
		</div> -->
	</div>
</template>

<script>
import accountSelector from './accountSelector.vue';
export default {
	name: 'selectOrgHeade',
	props: ['activeTab'],
	components: {
		accountSelector
	},
	data() {
		return {
		};
	},
	methods: {
		onGetSelectValue(data) {
			this.$emit('toGetSelectValue', data);
		}
	}
};
</script>

<style scoped lang="scss">
.select-org-heade {
	width: 100%;
	height: 45px;
	background: #FAFAFA;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	padding: 0px 20px;
	box-sizing: border-box;
	&.select-org-heade-dev {
		width: 840px;
	}

	.heade-left-box {
		display: flex;
		align-items: center;
	}
}
</style>
